<!doctype html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1,user-scalable=no">
	<link rel="stylesheet" type="text/css" href="css/flex.css">
	<script type="text/javascript" src="js/wfQuery.js"></script>
	<title>常见问题</title>
	<style>
		*{margin:0;padding:0;font-family:'microsoft yahei';-webkit-tap-highlight-color:rgba(0,0,0,0);}
		a{text-decoration:none;outline:none;color:#666;}
		ul,li{list-style:none;}
		html,body{background: #f4f4f7;}
		.ques{padding-bottom:20px;font-size: 15px;}
		.wrap{padding: 15px 15px 0 15px;background: #fff;border-radius: 6px;width: 92%;margin: 4% auto 0 auto;box-sizing: border-box;}
		.title{color: #0599d9;border-bottom: 1px solid #e5e5e5;padding-bottom: 5px;font-weight: 600;}
		li{margin-top: 10px;line-height: 24px;}
		.iconW{width: 26px;height: 18px;position: absolute;display: table;text-align: center;left: 0;top: 0;}
		.icon{width: 18px;height: 18px;border-radius: 100%;background: #0599d9;color: #fff;text-align: center;line-height: 18px;display: inline-block;font-size: 12px;}
		.line{width: 2px;height: 0;background: #0599d9;display: inline-block;-webkit-transition:all 0.3s;transition:all 0.3s;position: absolute;top: 21px;left: 12px;}
		.icon2{position: relative;top: -8px;opacity: 0;-webkit-transition:all 0.3s;transition:all 0.3s;}
		.icon2:before{content: "";width: 26px;height: 26px;background: #0599d9;opacity: 0.1;display: inline-block;border-radius: 100%;position: absolute;left: -4px;top: -4px;}
		.left{position: relative;width: 26px;}
		.right{padding: 0 10px 8px 10px;border-bottom: 1px solid #e5e5e5;width: 100%;margin-left: 10px;}
		.wrap li:last-child .right{border-bottom:none;padding: 0 10px 10px 10px;}
		.tab{color: #000;}
		.tab font{width: 100%;}
		.tab .img{margin-top: 2px;margin-left: 10px;height: 16px;}
		.tab .img img{width: 16px;-webkit-transition:all 0.5s;transition:all 0.5s;}
		.tab img.active{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
		.hide{color: #999;display: none;padding: 10px 0 0px 0;-webkit-transition:all 0.4s;transition:all 0.4s;overflow: hidden;}
		.hide .p2{text-indent: 30px;}
		.link{color: #999;border-bottom: 1px solid #999;}
	</style>
</head>
<body>
	<div class="ques">
		<div class="wrap">
			<div class="title">基本介绍</div>
			<ul>
				<li flex="mian:left cross:top">
					<div class="left">
						<div class="iconW">
							<span class="icon">问</span>
							<span class="line"></span>
							<span class="icon icon2">答</span>
						</div>
					</div>
					<div class="right">
						<div class="tab" flex="cross:top">
							<font>为什么我可以在UA融易贷这么快速地借到钱？</font>
							<span class="img"><img src="images/ques_cir3.png"></span>
						</div>
						<div class="hide">
							UA融易贷是中国领先的智能移动金融服务平台，由壹融站信息技术（深圳）有限公司研发推出，致力于向广大消费者提供高效便捷的移动金融服务。UA融易贷凭借在风险控制领域的丰富经验，结合移动互联网技术、云计算和人脸识别等黑科技，引入人行等征信报告查询机制，构建了领先的大数据风控体系，打造了一站式全线上审批的贷款平台，实现个人借款全程智能化审批。用户通过UA融易贷即可随时随地获得贷款服务，享受即时便捷的金融服务，只需3个步骤即可完成申请，快至3分钟即可到账。
						</div>
					</div>
				</li>
				<li flex="mian:left cross:top">
					<div class="left">
						<div class="iconW">
							<span class="icon">问</span>
							<span class="line"></span>
							<span class="icon icon2">答</span>
						</div>
					</div>
					<div class="right">
						<div class="tab" flex="cross:top">
							<font>通过UA融易贷借款会影响我以后的信用吗？</font>
							<span class="img"><img src="images/ques_cir3.png"></span>
						</div>
						<div class="hide">
							UA融易贷及其合作的合法持牌的放款机构与央行征信系统及其他资信评估公司有着长期良好的合作关系，只要您保持良好的按时还款习惯，不出现逾期还款行为，不仅不会影响您的个人信用，还可以提升您的信用哦。
						</div>
					</div>
				</li>
			</ul>
		</div>
		<div class="wrap">
			<div class="title">费用</div>
			<ul>
				<li flex="mian:left cross:top">
					<div class="left">
						<div class="iconW">
							<span class="icon">问</span>
							<span class="line"></span>
							<span class="icon icon2">答</span>
						</div>
					</div>
					<div class="right">
						<div class="tab" flex="cross:top">
							<font>贷款会产生什么费用？</font>
							<span class="img"><img src="images/ques_cir3.png"></span>
						</div>
						<div class="hide">
							您通过UA融易贷借款时，将会产生如下费用：管理费、利息和一次性助贷费。
						</div>
					</div>
				</li>
				<li flex="mian:left cross:top">
					<div class="left">
						<div class="iconW">
							<span class="icon">问</span>
							<span class="line"></span>
							<span class="icon icon2">答</span>
						</div>
					</div>
					<div class="right">
						<div class="tab" flex="cross:top">
							<font>贷款费用怎么算？</font>
							<span class="img"><img src="images/ques_cir3.png"></span>
						</div>
						<div class="hide">
							助贷费在成功放款后一次性支付；<br>
							管理费和利息在每期还款日支付一次，具体费用金额请查看实际贷款合同。
						</div>
					</div>
				</li>
			</ul>
		</div>
		<div class="wrap">
			<div class="title">安全</div>
			<ul>
				<li flex="mian:left cross:top">
					<div class="left">
						<div class="iconW">
							<span class="icon">问</span>
							<span class="line"></span>
							<span class="icon icon2">答</span>
						</div>
					</div>
					<div class="right">
						<div class="tab" flex="cross:top">
							<font>我填写的资料会被泄露吗？</font>
							<span class="img"><img src="images/ques_cir3.png"></span>
						</div>
						<div class="hide">
							<p>UA融易贷采用先进的安全技术，采用多种技术手段加密数据，保护您的账户信息，交易记录，以免账户遭受到未经授权的访问、使用以及信息泄露。</p>
							<p>我们严格遵守国家相关法律法规，对您在UA融易贷中的所有信息进行保护，未经您的同意，我们不会向任何第三方公司、组织及个人披露你的信息（法律法规另有规定的、根据与您约定的某项服务已获得您同意的除外）。</p>
						</div>
					</div>
				</li>
				<li flex="mian:left cross:top">
					<div class="left">
						<div class="iconW">
							<span class="icon">问</span>
							<span class="line"></span>
							<span class="icon icon2">答</span>
						</div>
					</div>
					<div class="right">
						<div class="tab" flex="cross:top">
							<font>忘记登录密码怎么办？</font>
							<span class="img"><img src="images/ques_cir3.png"></span>
						</div>
						<div class="hide">
							<p>首先请确认登录密码是否填写正确，账户密码由6-16位字符（必须包含数字及字母，字母区分大小写）组成。</p>
							<p>您可通过“忘记密码”功能重新设置您的登录密码。</p>
						</div>
					</div>
				</li>
			</ul>
		</div>
	</div>
	<script>
		$('.tab').on('click',function(){
			var this_=this;
			var hei=0;
			var pad=0;
			if($(this).next('.hide').css('display')=='block'){
				$(this).parent().prev().find('.line').css('height','0');
				$(this).parent().prev().find('.icon2').css({'opacity':'0','top':'-8px'});
				$(this).find('img').removeClass('active');
				$(this).find('img').attr('src',"images/ques_cir3.png");
				$(this).next('.hide').css({'height':'0px','padding':0});					
				setTimeout(function(){
					$(this_).next('.hide').hide();
				},400);
			}else{
				$('.hide').each(function(){
					$(this).parent().prev().find('.line').css('height',0);
					$(this).parent().prev().find('.icon2').css({'opacity':'0','top':'-8px'});
					$(this).parent().find('img').removeClass('active');
					$(this).parent().find('img').attr('src',"images/ques_cir3.png");
					$(this).css({'display':'none','height':'0'});
				});
				$(this).find('img').attr('src',"images/ques_cir4.png");
				$(this).find('img').addClass('active');
				$(this).parent().prev().find('.line').css('height',$(this).height()-6);
				$(this).parent().prev().find('.icon2').css({'opacity':'1','top':$(this).height()-14});
				$(this).next('.hide').css({'display':"block",'height':'auto','padding':''});
				hei=$(this).next('.hide').height()-$(this).next('.hide').css('padding-top')-$(this).next('.hide').css('padding-bottom')+'px';
				pad=$(this).next('.hide').css('padding');
				$(this).next('.hide').css({'padding':"0",'height':'0'});
				setTimeout(function(){
					$(this_).next('.hide').css('display')=='block' && $(this_).next('.hide').css({'height':hei,'padding':pad});
				},10);
			}
		});
	</script>	
</body>
</html>